<template>
  <div class="task-creat">
    <el-steps :active="step" finish-status="success" simple>
      <el-step title="第1步：创建任务"></el-step>
      <el-step title="第2步：列表页"></el-step>
      <el-step title="第3步：正文页"></el-step>
    </el-steps>
    <div class="step-wrap">
      <Step01 v-if="step == 0" />
      <Step02 v-if="step == 1" />
      <Step03 v-if="step == 2" />
    </div>
  </div>
</template>
<script>
export default {
  components: {
    Step01: () => import('./Step01.vue'),
    Step02: () => import('./Step02.vue'),
    Step03: () => import('./Step03.vue'),
  },
  data() {
    return {
      step: 0,
    }
  },
  // computed: {
  //   activeRow() {
  //     return this.$store.state.publics.activeRow
  //   },
  // },
  mounted() {},
  methods: {
    nextStep() {
      this.step++
    },
    lastStep() {
      this.step--
    },
  },
}
</script>
<style scoped lang="scss">
.step-wrap {
  padding: 20px 0;
  width: 600px;
}
</style>
<style scoped>
.task-creat >>> .el-step.is-simple .el-step__head {
  line-height: 0px;
}
</style>